<template>
  <div id="main">
    <p style="text-align: center" size="60px" ><b>图书馆各馆信息</b></p>
    <br>
    <table class="table table-striped table-hover">
      <tr>
        <td width="100"> 序号 </td>
        <td width="150">  图书馆编号  </td>
        <td> 图书馆名  </td>
        <td>  备注 </td>
      </tr>

      <tr v-for="(item,index) in list.slice((current-1)*size,current*size)">
        <td width="100"> {{index+1}} </td>
        <td width="100">{{item.no}}</td>

        <td> {{item.name}} </td>
        <td>{{item.remarks}} </td>
      </tr>
    </table>
    <hr>
    <p><span class="title">图书馆主馆</span><br>
      &nbsp;&nbsp;&nbsp;&nbsp;主图书馆创建于1909年（清宣统元年）。是中国十大图书馆之一，据《山东创建图书馆记》载，
      山东提学使罗正钧于省城旧贡院东北隙地创建图书馆仿浙江宁波范氏天一阁旧制， 院内古木假山，曲水拱桥，极为风雅别致，人称历下风物，此为最胜。<br>
      &nbsp;&nbsp;&nbsp;&nbsp;建筑面积为35830平方米，投资11048、1万元。主体建筑为六层中空式，内部全部采用大开间柱网结构，柱网间距7、2米，每层面积自2000余平方米至6000余平方米不等。二期工程书库楼共12层。开架借阅室由以前的2个增加到8个，开架图书由以前15万册增加到150万册以上
    </p>
    <hr>
    <p><span class="title">图书馆分馆</span><br>
      &nbsp;&nbsp;&nbsp;&nbsp;图书馆新馆位于济南路169号，于2015年12月26日建成启用。整体建筑分地上五层、地下二层，馆舍面积5.2万平方米，
      总投资约3.2亿元。市图书馆目前启用地上三层、地下一层，建筑面积约3.2万平方米，设计藏书量135万册，阅览座席1200个，目前馆藏图书30万册，
      是一座集“藏、借、阅”于一体的综合性公共图书馆。<br>
      &nbsp;&nbsp;&nbsp;&nbsp;馆内设置总服务台、数字体验区、图书借阅区、电子阅览区、读者自修区、历史文献阅览区、尼山书院、展览区、王献唐纪念馆、报纸展览馆、魁文书房、公益活动体验区读者服务区、读者书店等服务窗口21个
    </p>
  </div>
</template>

<script>
    import axios from 'axios';
    export default {
        name: "Library",
        data: function () {
            return  {
                url:this.baseURL+'library.ctl',

                list:[],
                llist:[],
                obj:{},
                size:4,
                current:1,
                total:0,
                allpage:0,
            }
        },
        created(){
            this.getList();
            var arr = this;
            axios.get(this.url).then((res) => {
                this.list=res.data;
            })
        },
        methods:{
            getList(){
                axios.get(this.url).then((res) => {
                    this.list=res.data;
                    this.total=this.list.length
                    this.allpage=Math.ceil(this.total/this.size)//ceil小数向上取整 round四舍五入 parseInt丢弃小数
                })
            },
        }

    }
</script>

<style scoped>
  .color{
    background-color:#E6E6E6; color: #555555}
  #main{padding:5px;}
  .modal-body{
    text-align: center;
    position: relative;
    line-height: 50px;
    padding-left:50px;
  }
  .modal-body input{
    height:28px;
  }
  .title{
    color: #555555;
  }
</style>

